@import "../../../../style/pc/default/theme";
.lexmis-NoticeContainer{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:$-notice-index;
	pointer-events:none;
	>.lexmis_left,>.lexmis_center,>.lexmis_right{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		display:flex;
		flex-direction:column;
		padding:$-notice-margin-size $-notice-margin-size 0;
		>.lexmis-Notice{
			margin:0 0 10px;
			transition:all $-notice-transition;
		}
		>.v-enter-active{
			z-index:$-notice-index + 1;
		}
		>.v-leave-active{
			z-index:-1;
		}
		>.v-leave-active{
			position:absolute;
		}
	}
	>.lexmis_left{
		align-items:flex-start;
		>.v-enter-active{
			animation:slideInLeft $-notice-transition forwards,
			NoticeMarginSlideInLeft $-notice-transition forwards;
		}
		.v-leave-to{
			transform:translateX(-100%);
			left:0 !important;
		}
	}
	>.lexmis_center{
		align-items:center;
		>.v-enter-active{
			animation:slideInDown $-notice-transition forwards,
			NoticeMarginSlideInDown $-notice-transition forwards;
		}
		.v-leave-to{
			transform:translateY(-100%);
			top:0 !important;
		}
	}
	>.lexmis_right{
		align-items:flex-end;
		>.v-enter-active{
			animation:slideInRight $-notice-transition forwards,
			NoticeMarginSlideInRight $-notice-transition forwards;
		}
		.v-leave-to{
			transform:translateX(100%);
			right:0 !important;
		}
	}
}
.lexmis-Notice{
	pointer-events:initial;
	background:#fff;
	border-radius:$-modal-border-radius;
	box-shadow:$-modal-box-shadow;
	&.lexmis--info{
		.lexmis_type{
			color:$-info-color;
		}
	}
	&.lexmis--success{
		.lexmis_type{
			color:$-success-color;
		}
	}
	&.lexmis--warning{
		.lexmis_type{
			color:$-warning-color;
		}
	}
	&.lexmis--error{
		.lexmis_type{
			color:$-error-color;
		}
	}
	&.lexmis--noBody{
		padding:10px;
		>.lexmis_head{
			margin:10px 0;
			height:auto;
			>.lexmis_title{
				white-space:pre-wrap;
			}
		}
	}
	&.lexmis--hasBody{
		>.lexmis_head{
			>.lexmis_title{
				@include text-ellipsis;
			}
		}
	}
	&.lexmis--noClose{
		>.lexmis_head{
			> .lexmis_title{
				margin-right:10px;
			}
		}
	}
	>.lexmis_head{
		margin-top:5px;
		height:40px;
		display:flex;
		align-items:center;
		>.lexmis_title{
			flex-grow:1;
			flex-basis:0;
			color:$-title-color;
			font-size:$-title-font-size;
		}
		>.lexmis-Icon{
			flex-shrink:0;
			margin:0 10px;
		}
		>.lexmis_type{
			font-size:$-icon-alert-size;
		}
		>.lexmis_close{
			@include icon-close;
		}
	}
	>.lexmis_body{
		color:$-content-color;
		font-size:$-content-font-size;
		white-space:pre-wrap;
		padding:0 30px 10px 48px;
	}
}
